<!--title=登录;css=lib/base,login;js=lib/jquery,lib/jquery.cookie,lib/base,lib/SetColor,login;mobile=yes-->
<body>
    <div class="content">
        <div class="content-heading">
            <div class="container margin-bottom">
                <h2 class="text-center heading">登录</h2>
            </div>
        </div>
        <div class="container" style="display:none;" id="auth">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 text-center">
                    <h4 class="text-center">您正在授权站点 <a id="web_link">XXX</a> 的登录，请注意辨别。</h4>
                    <img id="web_logo" src="{IMG_logo_jpg}" alt="站点图标" width="100" style="border-radius: 50px;">
                </div>
            </div>
        </div>
        <div class="container" style="display:none;" id="onekey">
            <div class="row">
                <div class="col-lg-4 col-md-3 col-sm-2"></div>
                <div class="col-lg-4 col-md-6 col-sm-8">
                    <h3 class="text-center">您已经登录了用户：<span id="loginUser">XXX</span></h3>
                    <h4 class="text-center">点击下方按钮可以一键登录</h4>
                </div>
            </div>
            <div class="row text-center">
                <div>
                    <a id="onekeyLogin" class="btn btn-lg waves-button waves-effect waves-light" style="width: 500px;border-radius:30px">一键登录</a>
                </div>
            </div>
            <div class="row text-right margin-top">
                <div class="col-lg-10 col-md-10 col-sm-10">
                    <a id="changeLogin" class="btn btn-lg btn-flat waves-effect waves-button waves-light">更换账号</a>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2"></div>
            </div>
        </div>
        <div class="container" id="main">
            <div class="el-loading-indicator">
                <div class="progress-circular progress-circular-inline progress-circular-">
                    <div class="progress-circular-wrapper">
                        <div class="progress-circular-inner">
                            <div class="progress-circular-left">
                                <div class="progress-circular-spinner"></div>
                            </div>
                            <div class="progress-circular-gap"></div>
                            <div class="progress-circular-right">
                                <div class="progress-circular-spinner"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class=" col-lg-2 col-md-3 col-sm-4">
                    <h3 class="content-sub-heading">请输入用户名：</h3>
                </div>
                <div class="col-lg-4 col-md-5 col-sm-6">
                    <div class="form-group form-group-label">
                        <label for="username" class="floating-label">用户名</label>
                        <input type="text" id="username" class="form-control">
                    </div>
                </div>
                <br>
            </div>
            <div class="row">
                <div class="col-lg-2 col-md-3 col-sm-4">
                    <h3 class="content-sub-heading margin-no-top">请输入密码：</h3>
                </div>
                <div class="col-lg-4 col-md-5 col-sm-6">
                    <div class="form-group form-group-label margin-no-top">
                        <label for="password" class="floating-label">密码</label>
                        <input type="password" id="password" class="form-control">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-3 col-sm-2"></div>
                <div class="col-lg-4 col-md-6 col-sm-8">
                    <div class="g-recaptcha" data-sitekey="6LcPavUgAAAAAFVSYT5wWBwFEopXZlVimJl1mfeQ" data-callback="recaptchaCallback"></div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-2 col-md-3 col-sm-4">
                    <div class="form-group">
                        <div class="checkbox checkbox-adv">
                            <label for="autoLogin">
                                <input type="checkbox" class="access-hide" id="autoLogin">自动登录
                            </label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-3 col-sm-2"></div>
                <div class="col-lg-4 col-md-6 col-sm-8">
                    <a class="btn btn-lg waves-button waves-effect waves-light" id="btn3" style="width: 400px;border-radius:30px">登录</a>
                </div>
                <div class="col-lg-5 col-md-4 col-sm-3"></div>
            </div>
            <div class="row">
                <div class="col-lg-3 col-md-4 col-sm-5">
                    <p>还没有账号？<a class="btn btn-flat waves-button waves-effect waves-light" id="btn1">立即注册</a>。</p>
                </div>
                <div class="col-lg-6 col-md-4 col-sm-2"></div>
                <div class="col-lg-3 col-md-4 col-sm-5">
                    <p>忘记密码了？<a class="btn btn-flat waves-button waves-effect waves-light" id="btn2">找回密码</a>。</p>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-5 col-md-4 col-sm-3"></div>
                <div class="col-lg-2 col-md-4 col-sm-6"><h3 class="content-sub-heading">使用其他平台账号登录</h3></div>
            </div>
            <div class="row">
                <div class="col-lg-5 col-md-5 col-sm-5"></div>
                <div class="col-lg-1 col-md-1 col-sm-1"><a href="{IURT}" title="通过IURT登录" class="sch"><span class="fa fa-iurt"></span></a></div>
                <div class="col-lg-1 col-md-1 col-sm-1"><a href="{Github}" title="通过GitHub登录" class="sch"><span class="fa fa-github fa-2x"></span></a></div>
                <div class="col-lg-1 col-md-1 col-sm-1"><a href="{QQ}" title="通过QQ登录" class="sch"><span class="fa fa-qq fa-2x"></span></a></div>
                <!-- <div class="col-lg-1 col-md-1 col-sm-1"><a href="{Weibo}" title="通过微博登录"><span class="fa fa-weibo fa-2x"></span></a></div> -->
                <!-- <div class="col-lg-1 col-md-1 col-sm-1"><a href="{Baidu}" title="通过百度登录"><span class="fa fa-baidu"></span></a></div> -->
            </div>
        </div>
    </div>
    <form id="jumpForm" style="display: none;" method="post">
        <input type="text" name="username" id="jumpUsername">
        <input type="text" name="nickname" id="jumpNickname">
        <input type="text" name="email" id="jumpEmail">
        <input type="text" name="avatar" id="jumpAvatar">
        <input type="text" name="autoLogin" id="jumpAutoLogin">
    </form>
    <div class='footer'><p>Developed by SCH</p><p>User(Account) {VERSION}<br>Running with PHP {PHP_VER}</p></div>
    <script>
        let callback = "{callback}";
        let web_logo = "{web_logo}";
    </script>
    <script src="https://www.recaptcha.net/recaptcha/api.js" async defer></script>
    {SetColor}
    {JS}
    </body>
    